<template>
  <div class="">测试</div>
  <input type="text">
  <button :[id]="111">Button</button>
<RollingList class="the-demo-list" >
  <div class="the-demo-list__item">1</div>
      <div class="the-demo-list__item">2</div>
      <div class="the-demo-list__item">3</div>
      <div class="the-demo-list__item">4</div>
      <div class="the-demo-list__item">5</div>
      <div class="the-demo-list__item">6</div>
      <div class="the-demo-list__item">7</div>
      <div class="the-demo-list__item">8</div>
</RollingList>
</template>

<script setup lang="ts" name="Test">
import {} from 'vue'
onActivated(()=>{
  console.log('test11')
})
const params={
  id:'111',
  class:'1222'
}
const id='id'
</script>

<style scoped lang="less">
.the-demo-list {
  height: 180px;

  &__item {
    height: 32px;
    font-size: 16px;
    line-height: 32px;
  }
}
</style>